<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>7.161</title>
	<style>
	body{
		margin: 0px;
	}
	#text{
		width: 750px;
		height: 1334px;
		background: #F7F8FA;
		margin: auto;
	}
	#text #nav{
		width: 750px;
		height: 96px;
		background-color: #FFFFFF;;
		position: relative;
	}

	#nav #left{
		width: 48px;
		height: 48px;
		position: absolute;
		top: 24px;
		left: 24px;
		right: 14px;
		border-radius: 100px 100px 100px 100px;

	}
	#nav #word{
		width: 108px;
		height: 36px;
		margin-left: 16px;
		position: absolute;
		top: 24px;
		left: 88px;
		font-size: 36px;
	}
	#nav #right{
		width: 174px;
		height: 64px;
		/*background-color: red;*/
		position: absolute;
		left: 564px;
		top: 24px;
		border-radius: 100px 100px 100px 100px;
		border: 1px solid rgba(151,151,151,0.2000);
	}
	#right #right-left{
		width: 8px;
		height: 8px;
		background-color: #000000;
		border-radius: 100px 100px 100px 100px;
		position: absolute;
		left: 27px;
		top: 27px;
	}
	#right #right-center{
		width: 13px;
		height: 13px;
		background-color: #000000;
		border-radius: 100px 100px 100px 100px;
		position: absolute;
		left: 39px;
		top: 25px;
	}
	#right #right-right{
		width: 8px;
		height: 8px;
		background-color: #000000;
		border-radius: 100px 100px 100px 100px;
		position: absolute;
		left: 56px;
		top: 27px;
	}
	#right #right-leng{
		width: 1px;
		height: 37px;
		background: rgba(0,0,0,0.2000);
		position: absolute;
		top: 14px;
		left: 87px;
	}
	#right #right-rab{
		width: 26px;
		height: 26px;
		border-radius: 100px 100px 100px;
		border: 4px solid #000;
		position: absolute;
		top: 18px;
		left: 117px;	
	}
	#right #right-rab2{
		width: 8px;
		height: 8px;
		background-color: #000000;
		border-radius: 100px 100px 100px 100px;
		position: absolute;
		left: 130px;
		top: 31px;
	}
	#text #center{
		width: 750px;
		height: 1140px;
		background: #F7F8FA;
	}
	#center #up{
		width: 686px;
		height: 260px;
		background: #FFFFFF;
		box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.0600);
		margin: 24px 32px;
		position: relative;
	}
	#up-img{
		width: 140px;
		height: 140px;
		position: absolute;
		top:60px;
		bottom: 60px;
		left: 40px;
	}
	#up-small{
		width: 32px;
		height: 32px;
		position: absolute;
		top: 139px;
		left: 212px;
	}

	#up-wold{
		width: 120px;
		height: 40px;
		font-size: 40px;
		font-weight: 500;
		color: #3E3B4E;
		line-height: 40px;
		position: absolute;
		top: 89px;
		left: 212px;
	}
	#up-right{
		width: 80px;
		height: 20px;
		font-size: 20px;
		font-weight: 500;
		color: #9C9AA4;
		line-height: 20px;
		position: absolute;
		top: 145px;
		left: 248px;
	}
	#center #center1,#center2{
		width: 686px;
		height: 88px;
		background: #FFFFFF;
		margin: 0px 32px;
		position: relative;
	}
	#left1,#left2,#left3{
		width: 112px;
		height: 28px;
		font-size: 28px;
		font-weight: 500;
		color: #3E3B4E;
		line-height: 28px;
		margin :30px 32px;
		float: left;
	}
	#right1,#right2,#right3{
			width: 24px;
			height: 24px;
			position: absolute;
			top: 32px;
			left: 630px;

		}
	#center3{
		width: 686px;
		height: 88px;
		background: #FFFFFF;
		margin-top: 24px;
		margin-bottom: 56px;
		margin-left: 32px;
		position: relative;
	}
	#on{
		width: 686px;
		height: 88px;
		background: #FFFFFF;
		margin-left: 32px;
		position: relative;
	}
	#on-on{
		width: 112px;
		height: 28px;
		font-size: 28px;
		font-weight: 500;
		color: #9C9AA4;
		line-height: 28px;
		position: absolute;
		top: 30px;
		left: 287px;
	}
	#foot{
		height: 94px;
		width: 750px;
		position: absolute;
		background: #FFFFFF;
			}
	#f-left{
		height: 48px;
		width: 48px;
		position: absolute;
		top: 14px;
		left: 118px;
		
	}
	#foot #f-letf-w{
		width: 40px;
		height: 20px;
		font-size: 20px;
		position: absolute;
		top: 68px;
		left: 119px;
	}
	#f-center{
		height: 48px;
		width: 48px;
		position: absolute;
		top: 14px;
		left: 351px;
		
	}
	#foot #f-center-w{
		width: 80px;
		height: 20px;
		font-size: 20px;
		position: absolute;
		top: 68px;
		left: 332px;
		color: #FF004E;
	}
	#f-right{
		height: 48px;
		width: 48px;
		position: absolute;
		top: 14px;
		left: 588px;
		
	}
	#foot #f-right-w{
		width: 40px;
		height: 20px;
		font-size: 20px;
		position: absolute;
		top: 68px;
		left: 591px;
	}
	</style>
</head>
<body>
	<div id="text">
		<div id="nav">
			<div id="left">
				<img src="../images/logo@2x.png" alt="..">
			</div>
			<div id="word">内衣云</div>
			<div id="right">
				<div id="right-left"></div>
				<div id="right-center"></div>
				<div id="right-right"></div>
				<div id="right-leng"></div>
				<div id="right-rab"></div>
				<div id="right-rab2"></div>
			</div>
		</div>
		<div id="center">
			<div id="up">
				<div id="up-img"><img src="../images/image.png" alt="" width="140" height="140"></div>
				<div id="up-wold">Herlen</div>
				<div id="up-small"><img src="../images/icon-普通会员@2x.png" alt=""></div>
				<div id="up-right">普通会员</div>
			</div>
			<div id="center1">
				<div id="left1">收藏</div>
				<div id="right1">></div>
			</div>
			<div id="center2">
				<div id="left2">客服反馈</div>
				<div id="right2">></div>
			</div>
			<div id="center3">
				<div id="left3">商业合作</div>
				<div id="right3">></div>
			</div>
			<div id="on">
				<div id="on-on">
					退出账号
				</div>
			</div>
		</div>
		<div id="foot">
			<div id="f-left"><img src="../images/home-normal@2x.png" alt="11"></div>
			<div id="f-letf-w">首页</div>
			<div id="f-center"><img src="../images/neiying-selected@2x.png" alt="11"></div>
			<div id="f-center-w">精品推荐</div>
			<div id="f-right"><img src="../images/me-normal@2x.png" alt="11"></div>
			<div id="f-right-w">我的</div>
			</div>
	</div>
</body>
</html>